@import "./element-variables.scss";
@mixin btn_plain($bg_color, $color) {
  background: $bg_color;
  color: $color;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;

  &:active,
  &:hover {
    background: darken($bg_color, 5%);
    color: darken($color, 18%);
  }

  &:disabled {
    background: lighten($bg_color, 5%);
    color: lighten($color, 40%);
  }

  @content;
}
.el-popover {
  min-width: 105px !important;
  border-radius: 10px !important;
}
.line_feed{
  white-space: pre-wrap;
  word-wrap: break-word;        /* 旧版浏览器兼容 */
  overflow-wrap: break-word;    /* 现代标准 */
}
// 通用检索+表格
.search_bar {
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  .inputs {
    align-items: center;
    .label {
      font-family: PingFangSC, PingFang SC, sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #333333;
      font-style: normal;
      margin-right: 10px;
    }

    .el-input--medium .el-input__inner {
      height: 40px;
      border-radius: 12px;
       border: 1px solid #EEEEEE !important;
    }
  }
  .w114 {
    width: 114px;
  }
  .w88 {
    width: 88px;
  }
  .w86{
    width: 86px;
  }
}
.primaryBtn {
  @include btn_plain(#28b28b, #ffffff) {
    border-radius: 12px;
    height: 40px;
    font-family: PingFangSC, PingFang SC, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    gap: 0 4px;
  }
  .icon-img {
    width: 16px;
    height: 16px;
  }
}
.primaryBorderBtn{
  @include plain_hover(#E4FFF7, #28b28b, #ffffff){
    width: 88px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #AEF3DF;
    font-family: PingFangSC, PingFang SC, sans-serif;
    font-weight: 500;
    font-size: 16px;
  }
}
.normalBtn{
  @include plain_hover(#ffffff, #666666, #ffffff){
    width: 88px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.15);
    font-family: PingFangSC, PingFang SC, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    &:hover{
      background: #28b28b;
      border: 1px solid #28b28b;
    }
  }
  .icon-img{
    width: 16px;
    height: 16px;
  }
}
.data_table{
  .el-table th.el-table__cell{
    background: #f8f8f9 !important;
  }

  .el-table--border{
    border-radius:8px;
    border: 1px solid #ebeef5;
  }
}

.tox .tox-tab{
  display: none;
}
// 滚动盒子
div::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
}
div::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border-radius: 4px;
}
// * {
//   scrollbar-width: thin; /* 设置滚动条宽度为细 */
//   scrollbar-color: #e1e1e1 #f1f1f1; /* 第一个参数是滚动条滑块颜色，第二个参数是轨道颜色 */
// }
::selection {
  background: #3399ff;
  color: #ffffff;
}

::-moz-selection {
  background: #3399ff;
  color: #ffffff;
}
div::-webkit-scrollbar-track {
  background: white;
}
// 滚动条的宽度
.el-table__body-wrapper::-webkit-scrollbar {
  width: 4px; // 横向滚动条
  height: 4px; // 纵向滚动条 必写
}
// 滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.el-textarea__inner {
  font-family: Arial !important;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
}
.titleLineGreen {
  padding-left: 10px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: rgba(56, 56, 56, 1);
}
.titleLineGreen::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 4px;
  height: 22px;
  border-radius: 2px;
  background: rgba(39, 196, 120, 1);
}
.overTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pointer{
  cursor: pointer;
  user-select: none;
}
.rela {
  position: relative;
}

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flexBet {
  display: flex;
  justify-content: space-between;
}
.flexCen {
  display: flex;
  justify-content: center;
}
.flexColCenter {
  display: flex;
  align-items: center;
}
.flexEnd {
  display: flex;
  justify-content: flex-end;
}
.shou {
  cursor: pointer;
}
.editor_img{
  max-width: 100%;
  height: auto;
}
// 上传图片样式
.uploadTip {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(166, 166, 166, 1);
  line-height: 280px;
  height: 150px;
}
.upload-head {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 4px;
  border: 1px dashed rgba(184, 196, 209, 1);
  .add {
    width: 29px;
    height: 29px;
    margin: 36px auto 0 auto;
  }
  div {
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
  .cover {
    width: 100%;
    height: 100%;
  }
}
.el-input__count {
  background: transparent !important;
}
.el-input-number .el-input__inner::placeholder {
  text-align: left!important;
}
.el-input-number .el-input__inner {
  text-align: left!important;
}
.wangeditor .text{
  height: 400px!important;
}

// 绿色按钮
.bgbtn {
  background: white;
  height: 40px;

  .btn {
    padding: 0 20px;
    height: 40px;
    background: #28b28b;
    border-radius: 24px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC, sans-serif;
    font-weight: 600;
    color: #ffffff;
    line-height: 40px;

    img {
      margin: auto 8px auto 0;
      width: 12px;
      height: 12px;
    }
  }

  .btnbg {
    z-index: 2;
    width: 78px;
    height: 48px;
    top: 6px;
    left: 20px;
  }
}
.lead_into_img{
  width: auto;
  max-height: 50px;
}
.wangeditor_video{
  max-width: 100%;
  height: auto;
}
